//$(document).ready(function(){

    var $image = $('#image');
    var new_headimg = {};

    $(".imgInput").change(function(){
        $("#image").attr("src",URL.createObjectURL($(this)[0].files[0]));
        $("#image").show();
        $("#savehead").show();
        $("#cancel").show();
        $(".update-img-box").show();		
        $("#select-file-outter").hide();

        $image.cropper({
          aspectRatio: 1 / 1,
          resizable:false,
          autoCropArea:0.5,
          touchDragZoom:false,
          crop: function(event) {
              new_headimg = event;
          }
        });
    });

    $('#cancel').on('click',function(){
        window.location.reload();
    });

    $('#savehead').on('click',function(){
        imgData = $image.cropper('getData');
        console.log(imgData);

        if (imgData.x !== 0) {
            var canVas = $image.cropper("getCroppedCanvas", imgData);  //生成裁剪过后的base64
            var newImgUrl = canVas.toDataURL();
//            console.log(newImgUrl);return false;
            $image.attr('src', newImgUrl);    //裁剪过后的图片预览
            var type = $image.attr('src').split(';')[0].split(':')[1];  //获取图片格式
            uploadClipImg (newImgUrl)    //执行上传函数
         }
    });

    var uploadClipImg = function(newImgUrl){
        $params = JSON.stringify({'imgdata':newImgUrl});

        $save_back = ajaxSynchroPostRequest("/user/default/headimgupload",$params);
        if($save_back.success == 1){
            layer.open({
                content: $save_back.msg
                ,skin: 'msg'
                ,time: 3 //3秒后自动关闭
            });
            setTimeout(function () {
                window.location.href = "/user/info/setheadimg";
            }, 2000);
        }
//        $.ajax({
//            type: "POST",
//            url: '/user/default/headimgupload',
//            data: {imgdata:newImgUrl},
//            dataType:"JSON",
//            cache:false,
//            contentType: false, //必须
//            processData: false, //必须
//            success: function(data) {
//                console.log(data)
//                alert(data.msg);
//                if(data.success == 1){
//                    layer.open({
//                        content: data.msg
//                        ,skin: 'msg'
//                        ,time: 3 //3秒后自动关闭
//                    });
//                    setTimeout(function () {
//                        window.location.href = "/#mine";
//                    }, 2000);
//
//                }
//                else if(data.success == 0 && data.msg == '未登录'){
//                    window.location.href = "/site/login?returnurl=/#mine";
//                }else{
//                    layer.open({
//                        content: data.msg
//                        ,skin: 'msg'
//                        ,time: 3 //3秒后自动关闭
//                    });
//                }
//    //            if (data.code == 200) {
//    //                console.log('上传成功:', data);
//    //                clipImg.cropper('destroy');  //格式化裁剪
//    //                $('#' + file.id).remove();  //移除上传中……提示
//    //                $uibModalInstance.close();  //关闭弹窗
//    //            }
//            },
//            error: function (xhr, textStatus, errorThrown) {
//                alert("进入error---");
//                alert("状态码："+xhr.status);
//                alert("状态:"+xhr.readyState);//当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
//                alert("错误信息:"+xhr.statusText );
//                alert("返回响应信息："+xhr.responseText );//这里是详细的信息
//                alert("请求状态："+textStatus);
//                alert(errorThrown);
//                alert("请求失败"); 
//            } 
//        });
    }
//});